<ul class="section">
	<li class="sub" id="section5">
		<ul class="sub-sections">
			<li><a href="#section5">Section 5</a></li>
			<li><a href="#section5b">Section 5-b</a></li>
			<li><a href="#section5c">Section 5-c</a></li>
		</ul>
		<h2>Section 5</h2>
		<p>Fusce sit amet nibh sit amet libero pretium rutrum. Phasellus arcu. Donec turpis lorem, eleifend ut, cursus at, lacinia eget, dolor. Vivamus pulvinar sollicitudin ante. Nulla eu mauris sollicitudin urna fermentum tincidunt. Mauris placerat leo ut quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed in risus. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas enim. Suspendisse odio odio, cursus ut, egestas eget, lobortis eget, magna.</p>
		<p>Maecenas ultrices lectus facilisis metus. Fusce imperdiet. Aenean bibendum magna a neque. Aenean vel tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce gravida, magna non pellentesque interdum, felis odio eleifend ligula, et luctus dolor mi et diam. Vivamus varius nisl sed enim. Sed ultricies fermentum urna.</p>
		<a href="#section5b" class="next">&gt;&gt;</a>	
	</li>
	<li class="sub" id="section5b">
		<ul class="sub-sections">
			<li><a href="#section5">Section 5</a></li>
			<li><a href="#section5b">Section 5-b</a></li>
			<li><a href="#section5c">Section 5-c</a></li>
		</ul>		
		<h2>Section 5-b</h2>
		<p>Fusce sit amet nibh sit amet libero pretium rutrum. Nam iaculis enim ac ipsum. Donec turpis lorem, eleifend ut, cursus at, lacinia eget, dolor. Vivamus pulvinar sollicitudin ante. Nulla eu mauris sollicitudin urna fermentum tincidunt. Mauris placerat leo ut quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed in risus. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas enim. Suspendisse odio odio, cursus ut, egestas eget, lobortis eget, magna.</p>
		<p>Maecenas ultrices lectus facilisis metus. Nunc nec elit vitae lectus posuere aliquam. Integer id justo nec elit varius blandit. Aenean vel tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce gravida, magna non pellentesque interdum, felis odio eleifend ligula, et luctus dolor mi et diam. Vivamus varius nisl sed enim. Sed ultricies fermentum urna.</p>
		<a href="#section5" class="prev">&lt;&lt;</a>
		<a href="#section5c" class="next">&gt;&gt;</a>	
	</li>
	<li class="sub" id="section5c">
		<ul class="sub-sections">
			<li><a href="#section5">Section 5</a></li>
			<li><a href="#section5b">Section 5-b</a></li>
			<li><a href="#section5c">Section 5-c</a></li>
		</ul>		
		<h2>Section 5-c</h2>
		<p>Fusce sit amet nibh sit amet libero pretium rutrum. Phasellus arcu. Morbi justo purus, pellentesque ac, fringilla at, adipiscing non, dolor. Suspendisse imperdiet lorem. Nam iaculis enim ac ipsum.  Nulla eu mauris sollicitudin urna fermentum tincidunt. Mauris placerat leo ut quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed in risus. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas enim. Suspendisse odio odio, cursus ut, egestas eget, lobortis eget, magna.</p>
		<p>Maecenas ultrices lectus facilisis metus. Nunc nec elit vitae lectus posuere aliquam. Integer id justo nec elit varius blandit. Aenean vel tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce gravida, magna non pellentesque interdum, felis odio eleifend ligula, et luctus dolor mi et diam. Vivamus varius nisl sed enim. Sed ultricies fermentum urna.</p>
		<a href="#section5b" class="prev">&lt;&lt;</a>
	</li>
</ul>